
<link href="styles/plugins/sdk/morris/morris-0.4.3.min.css" rel="stylesheet">

<div class="share">
		<div class="ibox">
            <div class="ibox-title">
                <h5>新增Shared WiFi</h5>
                </div>
                    <div class="ibox-content">
                    	<h3>Shared WiFi 总量</h3>
                        <h1 class="no-margins text-info">40 886,200</h1>
			            <hr>
                    	<h3>新增 Shared WiFi 趋势图</h3>
						<div class="margin-bottom-35">
							<div class="row margin-bottom-15">
								<div class="col-md-6 col-lg-4">
										开始日期
			                            <div class="input-group date">
			                              <input name="raceDate" type="text" size="10" class="form-control" ng-model="vm.startDate" data-date-format="yyyy-MM-dd" data-autoclose="1" placeholder="年-月-日" bs-datepicker required>
			                              <span class="input-group-addon"><i class="fa fa-calendar"></i></span>
			                            </div>
			                    </div>
								<div class="col-md-6 col-lg-4">
										结束日期
			                            <div class="input-group date">
			                              <input name="raceDate" type="text" size="10" class="form-control" ng-model="vm.endDate" data-date-format="yyyy-MM-dd" data-autoclose="1" placeholder="年-月-日" bs-datepicker required>
			                              <span class="input-group-addon"><i class="fa fa-calendar"></i></span>
			                            </div>
			                    </div>
                                <div class="col-md-6 col-lg-2">
                                	APP
                                    <select class="form-control" ng-model="vm.searchApp" ng-change="vm.onChange()">
										<option value="">ALL</option>  
										<option value="app1">app1</option>  
                                    </select>
                                </div>

                                <div class="col-md-6 col-lg-2">
                                	国家
                                    <select class="form-control" ng-model="vm.searchCountry" ng-change="vm.onChange()">
                                        <option value="">ALL</option>  
                                        <option value="country1">country1</option>  
                                    </select>
                                </div>
							</div>
							<div class="row">
								<div class="col-md-12 margin-bottom-35">
                                    <!-- <div class="flot-chart">
                                        <div class="flot-chart-content" id="flot-dashboard-chart"></div>
                                    </div> -->
                                    <!-- 统计表 -->
                                    <div id="morris-area-chart"></div>
                                </div>
							</div>
							<div>
                                    <div data-toggle="buttons" class="btn-group">
                                        <label class="btn btn-sm btn-white active"> <input type="radio" id="option1" name="options"> APP </label>
                                        <label class="btn btn-sm btn-white "> <input type="radio" id="option2" name="options"> country </label>
                                    </div>

                                    <div data-toggle="buttons" class="btn-group">
                                        <label class="btn btn-sm btn-white "> <input type="radio" id="option1" name="options"> Day </label>
                                        <label class="btn btn-sm btn-white "> <input type="radio" id="option2" name="options"> Week </label>
                                        <label class="btn btn-sm btn-white active"> <input type="radio" id="option3" name="options"> Month </label>
                                    </div>
                                    <div data-toggle="buttons" class="input-group float-right">
									
										<select class="input-sm form-control input-s-sm inline ">
		                                    <option value="0"> 第 1 页 </option>
		                                    <option value="1"> 第 2 页 </option>
		                                    <option value="2"> 第 3 页 </option>
		                                    <option value="3"> 第 4 页 </option>
		                                </select>

                                    </div>


							</div>




                            <div class="table-responsive">
                                <table class="table table-striped">
                                    <thead>
                                    <tr>
                                        <th>日期 </th>
                                        <th>ALL </th>
                                        <th>APP1</th>
                                        <th>APP2</th>
                                        <th>APP3</th>
                                    </tr>
                                    </thead>
                                    <tbody>
	                                    <tr>
	                                        <td>1231231</td>
	                                        <td>123123</td>
	                                        <td>234234</td>
	                                        <td>234234</td>
	                                        <td>234234</td>
	                                    </tr>
	                                    <tr>
	                                        <td>1231231</td>
	                                        <td>123123</td>
	                                        <td>234234</td>
	                                        <td>234234</td>
	                                        <td>234234</td>
	                                    </tr>
	                                    <tr>
	                                        <td>1231231</td>
	                                        <td>123123</td>
	                                        <td>234234</td>
	                                        <td>234234</td>
	                                        <td>234234</td>
	                                    </tr>
	                                    <tr>
	                                        <td>1231231</td>
	                                        <td>123123</td>
	                                        <td>234234</td>
	                                        <td>234234</td>
	                                        <td>234234</td>
	                                    </tr>
	                                    <tr>
	                                        <td>1231231</td>
	                                        <td>123123</td>
	                                        <td>234234</td>
	                                        <td>234234</td>
	                                        <td>234234</td>
	                                    </tr>
	                                        <td>1231231</td>
	                                        <td>123123</td>
	                                        <td>234234</td>
	                                        <td>234234</td>
	                                        <td>234234</td>
	                                    </tr>
	                                    <tr>
	                                        <td>1231231</td>
	                                        <td>123123</td>
	                                        <td>234234</td>
	                                        <td>234234</td>
	                                        <td>234234</td>
	                                    </tr>


                                    </tbody>
                                </table>
                                    <div data-toggle="buttons" class="input-group float-right">
									
										<select class="input-sm form-control input-s-sm inline ">
		                                    <option value="0"> 第 1 页 </option>
		                                    <option value="1"> 第 2 页 </option>
		                                    <option value="2"> 第 3 页 </option>
		                                    <option value="3"> 第 4 页 </option>
		                                </select>

                                    </div>




                            </div>
                    </div>
                </div>
            </div>
    </div>
</div>

    <script src="../scripts/plugins/metisMenu/jquery.metisMenu.js"></script>
    <script src="../scripts/plugins/slimscroll/jquery.slimscroll.min.js"></script>

    <!-- Morris -->
    <script src="../scripts/plugins/morris/raphael-2.1.0.min.js"></script>
    <script src="../scripts/plugins/morris/morris.js"></script>


    <!-- Morris demo data-->
    <script>
    	
$(function() {

});


    </script>
